<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
        <script>

            // console.log(a);  // 不什么直接使用 会报错


            // console.log(a);    // 第一个事
            // var a=10;
            // var a;
            // console.log(a);
            // a=10;


            fun1();     // 先调用  后写方法 没有问题
            function fun1(){
                console.log('fun1');
            }
          

            // fun2();    //报错    先调用 后写方法 
            // var fun2=function(){
            //     console.log('fun2');
            // }
            // var fun2;  //undefined
            // fun2();
            // fun2=function(){
            //     console.log('fun2');
            // }
            // var a=3
            // function fun3(){
            //     console.log(a);
            //     xxxxx
            //     var a1=2;
            // }

            // less   css 预处理    一种技术
            // js里面的机制   预解析   一种机制
            // 会把js里所有 var  和function 提到最前面
            //然后再执行
            // 变量提升   把变量的申明提到当前作用域最前面  不赋值
            // 函数提升   把所有函数提升到当前作用域的最前面  不调用

        </script>
</body>
</html>